<html>
<head>
<link rel="stylesheet" href="../../js/sh/SyntaxHighlighter.css" type="text/css" />
<script src="../../js/sh/shCore.js"></script>
<script src="../../js/sh/shBrushJava.js"></script>
<style>

* {
font-family:Courier New,monospace;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 11px;
}

.dp-highlighter {
  white-space: nowrap;
  overflow: visible;
  width: 740px;
  font-size: 11px;
  font-family:Courier New,monospace;
}
</style>
</head>
<body>
<textarea name="code" class="java:nogutter:nocontrols" rows="15" cols="120">
/*
 * GWT-Ext Widget Library
 * Copyright 2007 - 2008, GWT-Ext LLC., and individual contributors as indicated
 * by the @authors tag. See the copyright.txt in the distribution for a
 * full listing of individual contributors.
 *
 * This is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation; either version 3 of
 * the License, or (at your option) any later version.
 *
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this software; if not, write to the Free
 * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
 * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
 */
 

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.i18n.client.DateTimeFormat;
import com.google.gwt.i18n.client.NumberFormat;
import com.google.gwt.user.client.ui.RootPanel;
import com.gwtext.client.core.Function;
import com.gwtext.client.core.Position;
import com.gwtext.client.data.*;
import com.gwtext.client.widgets.PaddedPanel;
import com.gwtext.client.widgets.Panel;
import com.gwtext.client.widgets.form.DateField;
import com.gwtext.client.widgets.form.FieldSet;
import com.gwtext.client.widgets.form.FormPanel;
import com.gwtext.client.widgets.form.TextField;
import com.gwtext.client.widgets.grid.*;
import com.gwtext.client.widgets.grid.event.RowSelectionListenerAdapter;
import com.gwtext.client.widgets.layout.ColumnLayout;
import com.gwtext.client.widgets.layout.ColumnLayoutData;
import com.gwtext.client.widgets.layout.FitLayout;

import java.util.Date;

public class FormGridSample implements EntryPoint {

    public void onModuleLoad() {
        Panel panel = new Panel();
        panel.setBorder(false);
        panel.setPaddings(15);

        final FormPanel formPanel = new FormPanel();
        formPanel.setFrame(true);
        formPanel.setLabelAlign(Position.LEFT);
        formPanel.setPaddings(5);
        formPanel.setWidth(650);

        Panel inner = new Panel();
        inner.setLayout(new ColumnLayout());

        Panel columnOne = new Panel();
        columnOne.setLayout(new FitLayout());

        GridPanel gridPanel = new SampleGrid();
        gridPanel.setHeight(300);
        gridPanel.setTitle("Company Data");

        final RowSelectionModel sm = new RowSelectionModel(true);
        sm.addListener(new RowSelectionListenerAdapter() {
            public void onRowSelect(RowSelectionModel sm, int rowIndex, Record record) {
                formPanel.getForm().loadRecord(record);
            }
        });
        gridPanel.setSelectionModel(sm);

        //select the first row after a little delay so that the rows are rendered
        gridPanel.doOnRender(new Function() {
            public void execute() {
                sm.selectFirstRow();
            }
        }, 10);

        columnOne.add(gridPanel);
        inner.add(columnOne, new ColumnLayoutData(0.6));

        FieldSet fieldSet = new FieldSet();
        fieldSet.setLabelWidth(90);
        fieldSet.setTitle("Company Details");
        fieldSet.setAutoHeight(true);
        fieldSet.setBorder(false);

        //the field names msut match the data field values from the Store
        fieldSet.add(new TextField("Name", "company", 120));
        fieldSet.add(new TextField("Price", "price", 120));
        fieldSet.add(new TextField("% Change", "pctChange", 120));
        fieldSet.add(new DateField("Last Updated", "lastChanged", 120));
        inner.add(new PaddedPanel(fieldSet, 0, 10, 0, 0), new ColumnLayoutData(0.4));

        formPanel.add(inner);
        panel.add(formPanel);

        RootPanel.get().add(panel);
    }
}

class SampleGrid extends GridPanel {

    private static final NumberFormat nf = NumberFormat.getFormat("#,##0.00", "$");
    private static final NumberFormat nfc = NumberFormat.getFormat("#,##0.00");
    private static final DateTimeFormat dateFormatter = DateTimeFormat.getFormat("M/d/y");

    private static BaseColumnConfig[] columns = new BaseColumnConfig[]{

            new ColumnConfig("Company", "company", 160, true, null, "company"),

            new ColumnConfig("Price", "price", 35, true, new Renderer() {
                public String render(Object value, CellMetadata cellMetadata, Record record,
                                            int rowIndex, int colNum, Store store) {
                    return nf.format(((Number) value).doubleValue());
                }
            }),

            new ColumnConfig("Change", "change", 45, true, new Renderer() {
                public String render(Object value, CellMetadata cellMetadata, Record record,
                                            int rowIndex, int colNum, Store store) {
                    float val = ((Float) value).floatValue();
                    String valString = nfc.format(val);
                    if (val < 0) {
                        return "<span style='color:red;'>" + valString + "</span>";
                    } else {
                        return valString;
                    }
                }
            }, "change"),

            new ColumnConfig("% Change", "pctChange", 65, true, null, "pctChange"),

            new ColumnConfig("Last Updated", "lastChanged", 65, true, new Renderer() {
                public String render(Object value, CellMetadata cellMetadata, Record record,
                                            int rowIndex, int colNum, Store store) {
                    Date date = (Date) value;
                    return dateFormatter.format(date);
                }
            }),
            new ColumnConfig("Industry", "industry", 60, true)
    };


    private static RecordDef recordDef = new RecordDef(
            new FieldDef[]{
                    new StringFieldDef("company"),
                    new FloatFieldDef("price"),
                    new FloatFieldDef("change"),
                    new FloatFieldDef("pctChange"),
                    new DateFieldDef("lastChanged", "n/j h:ia"),
                    new StringFieldDef("symbol"),
                    new StringFieldDef("industry")
            }
    );

    public SampleGrid() {

        Object[][] data = getCompanyDataSmall();
        MemoryProxy proxy = new MemoryProxy(data);

        ArrayReader reader = new ArrayReader(recordDef);
        Store store = new Store(proxy, reader);
        store.load();
        setStore(store);

        ColumnModel columnModel = new ColumnModel(columns);
        setColumnModel(columnModel);

        setFrame(true);
        setStripeRows(true);
        setAutoExpandColumn("company");
    }

    private Object[][] getCompanyDataSmall() {
        return new Object[][]{
                new Object[]{"3m Co", new Double(71.72), new Double(0.02),
                        new Double(0.03), "9/1 12:00am", "MMM", "Manufacturing"},
                new Object[]{"Alcoa Inc", new Double(29.01), new Double(0.42),
                        new Double(1.47), "9/1 12:00am", "AA", "Manufacturing"},
                new Object[]{"Altria Group Inc", new Double(83.81), new Double(0.28),
                        new Double(0.34), "9/1 12:00am", "MO", "Manufacturing"},
                new Object[]{"American Express Company", new Double(52.55), new Double(0.01),
                        new Double(0.02), "9/1 12:00am", "AXP", "Finance"},
                new Object[]{"American International Group, Inc.", new Double(64.13), new Double(0.31),
                        new Double(0.49), "9/1 12:00am", "AIG", "Services"},
                new Object[]{"AT&T Inc.", new Double(31.61), new Double(-0.48),
                        new Double(-1.54), "9/1 12:00am", "T", "Services"},
                new Object[]{"Boeing Co.", new Double(75.43), new Double(0.53),
                        new Double(0.71), "9/1 12:00am", "BA", "Manufacturing"},
                new Object[]{"Caterpillar Inc.", new Double(67.27), new Double(0.92),
                        new Double(1.39), "9/1 12:00am", "CAT", "Services"},
                new Object[]{"Citigroup, Inc.", new Double(49.37), new Double(0.02),
                        new Double(0.04), "9/1 12:00am", "C", "Finance"},
                new Object[]{"E.I. du Pont de Nemours and Company", new Double(40.48), new Double(0.51),
                        new Double(1.28), "9/1 12:00am", "DD", "Manufacturing"}
        };
    }
}
</textarea>
<script class="javascript">
dp.SyntaxHighlighter.HighlightAll('code');
</script>
</body>
</html>
